<template>
  <el-scrollbar style="height: 100%">
      <div class="confirmTable">
        <el-row class="confirmTitle">苏州农商行远程银行电子凭证</el-row>
        <el-row class="confirmTableBody">
          <el-row class="border-bottom-style">
            <el-col class="padding-style" :span="5">客户信息：</el-col>
            <el-col class="padding-style" :span="7"></el-col>
            <el-col class="padding-style border-left-style" :span="6">电子凭证流水号：</el-col>
            <el-col class="padding-style" :span="6"></el-col>
          </el-row>
          <el-row class="border-bottom-style">
            <el-col class="padding-style border-right-style" :span="4">姓名</el-col>
            <el-col class="padding-style border-right-style" :span="4">张三</el-col>
            <el-col class="padding-style border-right-style" :span="4">证件类型</el-col>
            <el-col class="padding-style" :span="6"></el-col>
            <el-col class="padding-style border-right-style border-left-style" :span="3">国籍</el-col>
            <el-col class="padding-style" :span="3"></el-col>
          </el-row>
          <el-row class="border-bottom-style">
            <el-col class="padding-style border-right-style" :span="4">证件号码</el-col>
            <el-col class="padding-style" :span="20"></el-col>
          </el-row>
          <el-row class="border-bottom-style">
            <el-col class="padding-style border-right-style" :span="4">民族</el-col>
            <el-col class="padding-style" :span="4">维吾尔族</el-col>
            <el-col class="padding-style border-right-style border-left-style" :span="4">联系电话</el-col>
            <el-col class="padding-style" :span="12"></el-col>
          </el-row>
          <el-row class="border-bottom-style">
            <el-col class="padding-style border-right-style" :span="4">行业</el-col>
            <el-col class="padding-style" :span="4">程序员</el-col>
            <el-col class="padding-style border-right-style border-left-style" :span="4">职业</el-col>
            <el-col class="padding-style" :span="12"></el-col>
          </el-row>
          <el-row class="border-bottom-bold-style">
            <el-col class="padding-style border-right-style" :span="8">联系地址/常用地址</el-col>
            <el-col class="padding-style" :span="14"></el-col>
          </el-row>
          <el-row class="border-bottom-style">
            <el-col class="padding-style" :span="24">证件信息</el-col>
          </el-row>
          <el-row class="border-bottom-style">
            <el-col class="padding-style border-right-style" :span="12">正面照</el-col>
            <el-col class="padding-style" :span="12">反面照</el-col>
          </el-row>
          <el-row class="border-bottom-bold-style">
            <el-col class="padding-style border-right-style" style="height: 100px;" :span="12"></el-col>
            <el-col class="padding-style" style="height: 100px;" :span="12"></el-col>
          </el-row>
          <el-row class="border-bottom-style">
            <el-col class="padding-style" :span="12">核查结果</el-col>
            <el-col class="padding-style" :span="12"></el-col>
          </el-row>
          <el-row class="border-bottom-style">
            <el-col class="padding-style" :span="12">联网核查结果</el-col>
            <el-col class="padding-style" :span="12"></el-col>
          </el-row>
          <el-row class="border-bottom-style">
            <el-col class="padding-style" :span="12">人脸识别分数</el-col>
            <el-col class="padding-style" :span="12"></el-col>
          </el-row>
          <el-row class="border-bottom-bold-style">
            <el-col class="padding-style" :span="12">活体检测结果</el-col>
            <el-col class="padding-style" :span="12"></el-col>
          </el-row>
          <el-row class="border-bottom-style">
            <el-col class="padding-style" :span="12">业务办理信息</el-col>
            <el-col class="padding-style" :span="12"></el-col>
          </el-row>
          <el-row class="border-bottom-style">
            <el-col class="padding-style" :span="12">信息维护</el-col>
            <el-col class="padding-style" :span="12"></el-col>
          </el-row>
          <el-row class="border-bottom-bold-style">
            <el-col class="padding-style" :span="12">卡激活/不动户恢复/账户限制解除</el-col>
            <el-col class="padding-style" :span="12"></el-col>
          </el-row>
          <el-row class="border-bottom-style">
            <el-col class="padding-style" :span="24">客户签名</el-col>
          </el-row>
          <el-row>
            <el-col class="padding-style" style="height: 150px;" :span="24"></el-col>
          </el-row>
        </el-row>
        <el-row class="confirmTableBFooter">
          <el-row>
            <el-col :span="3" class="footer-style">经办人：</el-col>
            <el-col :span="6" class="footer-style"></el-col>
            <el-col :span="6" class="footer-style">经办人工号：</el-col>
            <el-col :span="6" class="footer-style"></el-col>
          </el-row>
          <el-row>
            <el-col :span="3" class="footer-style">授权人：</el-col>
            <el-col :span="6" class="footer-style"></el-col>
            <el-col :span="6" class="footer-style">授权人工号：</el-col>
            <el-col :span="6" class="footer-style"></el-col>
          </el-row>
        </el-row>
      </div>
    </el-scrollbar>
</template>
<script>
  export default {
    name: 'forOpenHouse',
    data () {
      return {}
    },
    created () {

    },
    mounted () {

    }
  }
</script>
<style scoped>
  .confirmTable {
    padding: 10px 20px;
    width: 100%;
  }

  .confirmTitle {
    text-align: center;
    height: 34px;
    line-height: 34px;
    font-weight: bold;
  }

  .confirmTableBody {
    width: 100%;
    border: 2px solid #0c0c0c;
  }

  .padding-style {
    padding: 10px;
  }

  .border-bottom-style {
    border-bottom: 1px solid #909399
  }

  .border-right-style {
    border-right: 1px solid #909399
  }

  .border-left-style {
    border-left: 1px solid #909399
  }

  .border-bottom-bold-style {
    border-bottom: 2px solid #0c0c0c;
  }

  .confirmTableBFooter {
    padding: 5px;
  }

  .footer-style {
    padding: 4px;
  }
</style>
